<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>맛집 세상 관리자</title>

<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:1406277561,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dokv=88e434a982/"},atok:"c7408377f8f729eb5c451d460f3aaf80",petok:"56ceddc2a16ec3881bbb42763ed41c597cab4f19-1406957799-1800",zone:"adbee.technology",rocket:"0",apps:{"ga_key":{"ua":"UA-49262924-2","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="../ajax.cloudflare.com/cdn-cgi/nexp/dokv%3d97fb4d042e/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
//]]>
</script>
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />

<link href="css/libs/font-awesome.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="css/libs/nanoscroller.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/compiled/layout.css">
<link rel="stylesheet" type="text/css" href="css/compiled/elements.css">

<link rel="stylesheet" href="css/libs/datepicker.css" type="text/css" />
<link rel="stylesheet" href="css/libs/daterangepicker.css"
	type="text/css" />
<link rel="stylesheet" href="css/libs/bootstrap-timepicker.css"
	type="text/css" />
<link rel="stylesheet" href="css/libs/select2.css" type="text/css" />

<link type="image/x-icon" href="favicon.png" rel="shortcut icon" />

<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400'
	rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-49262924-2']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
</head>
<body>

	<%-- 상 단 --%>
	<jsp:include page="include/top.jsp"></jsp:include>
	<%-- 상 단 끝 --%>
	<div id="content-wrapper">
		<div class="row">
			<div class="col-lg-12">
				<div class="row">
					<div class="col-lg-12">
						<ol class="breadcrumb">
							<li><a href="#">Home</a></li>
							<li class="active"><span>users</span></li>
						</ol>
						<h1>회원 관리</h1>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						<div class="main-box">
							<header class="main-box-header clearfix">
							<h2>회원 추가</h2>
							</header>
							<div class="main-box-body clearfix">
								<form role="form">
									<div class="form-group">
										<label for="exampleInputEmail1">Email address</label> <input
											type="email" class="form-control" id="exampleInputEmail1"
											placeholder="Enter email">
									</div>
									<div class="form-group">
										<label for="exampleInputPassword1">Password</label> <input
											type="password" class="form-control"
											id="exampleInputPassword1" placeholder="Password">
									</div>
									<div class="form-group">
										<label for="exampleTextarea">Textarea</label>
										<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
									</div>
									<div class="form-group">
										<label for="exampleTooltip">Input with Tooltip</label> <input
											type="text" class="form-control" id="exampleTooltip"
											data-toggle="tooltip" data-placement="bottom"
											title="very nice tooltip about this field">
									</div>
									<div class="form-group">
										<label>Default Select</label> <select class="form-control">
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
										</select>
									</div>
									<div class="form-group">
										<label>Multiple select</label> <select multiple
											class="form-control">
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
											<option>5</option>
										</select>
									</div>
									<div class="form-group form-group-select2">
										<label>Enhanced Select</label> <select style="width: 300px"
											id="sel2">
											<option value="United States">United States</option>
											<option value="United Kingdom">United Kingdom</option>
											<option value="Afghanistan">Afghanistan</option>
											<option value="Albania">Albania</option>
											<option value="Algeria">Algeria</option>
											<option value="American Samoa">American Samoa</option>
											<option value="Andorra">Andorra</option>
											<option value="Angola">Angola</option>
											<option value="Anguilla">Anguilla</option>
											<option value="Antarctica">Antarctica</option>
											<option value="Antigua and Barbuda">Antigua and
												Barbuda</option>
											<option value="Argentina">Argentina</option>
											<option value="Armenia">Armenia</option>
											<option value="Aruba">Aruba</option>
											<option value="Australia">Australia</option>
											<option value="Austria">Austria</option>
											<option value="Azerbaijan">Azerbaijan</option>
											<option value="Slovakia">Slovakia</option>
										</select>
									</div>
									<div class="form-group form-group-select2">
										<label>Multi-Value Select Boxes</label> <select
											style="width: 300px" id="sel2Multi" multiple>
											<option value="United States">United States</option>
											<option value="United Kingdom">United Kingdom</option>
											<option value="Afghanistan">Afghanistan</option>
											<option value="Albania">Albania</option>
											<option value="Algeria">Algeria</option>
											<option value="American Samoa">American Samoa</option>
											<option value="Andorra">Andorra</option>
											<option value="Angola">Angola</option>
											<option value="Anguilla">Anguilla</option>
											<option value="Antarctica">Antarctica</option>
											<option value="Antigua and Barbuda">Antigua and
												Barbuda</option>
											<option value="Argentina">Argentina</option>
											<option value="Armenia">Armenia</option>
											<option value="Aruba">Aruba</option>
											<option value="Australia">Australia</option>
											<option value="Austria">Austria</option>
											<option value="Azerbaijan">Azerbaijan</option>
											<option value="Slovakia">Slovakia</option>
										</select>
									</div>
									<div class="form-group">
										<label for="exampleAutocompleteSimple">Autocomplete</label> <input
											type="text" class="form-control"
											id="exampleAutocompleteSimple" placeholder="countries">
									</div>
									<div class="form-group example-twitter-oss">
										<label for="exampleAutocomplete">Autocomplete with
											templating</label> <input type="text" class="form-control"
											id="exampleAutocomplete"
											placeholder="open source projects by Twitter">
									</div>
									<div class="form-group">
										<label for="examplePwdMeter">Password strength meter
											(start typing...)</label> <input type="password" class="form-control"
											id="examplePwdMeter" placeholder="Enter password"
											data-indicator="pwindicator">
										<div id="pwindicator" class="pwdindicator">
											<div class="bar"></div>
											<div class="pwdstrength-label"></div>
										</div>
									</div>
								</form>
							</div>

							<header class="main-box-header clearfix">
							<h2>Other elements</h2>
							</header>
							<div class="main-box-body clearfix">
								<div class="form-group has-success">
									<label class="control-label" for="inputSuccess">Input
										with success</label> <input type="text" class="form-control"
										id="inputSuccess"> <span class="help-block"><i
										class="icon-ok-sign"></i> Success message</span>
								</div>
								<div class="form-group has-warning">
									<label class="control-label" for="inputWarning">Input
										with warning</label> <input type="text" class="form-control"
										id="inputWarning"> <span class="help-block"><i
										class="icon-warning-sign"></i> Warning message</span>
								</div>
								<div class="form-group has-error">
									<label class="control-label" for="inputError">Input
										with error</label> <input type="text" class="form-control"
										id="inputError"> <span class="help-block"><i
										class="icon-remove-sign"></i> Error message</span>
								</div>
								<div class="form-group">
									<label for="exampleInputFile">Disabled input</label> <input
										class="form-control" id="exampleInputFile" type="text"
										placeholder="Disabled input here..." disabled>
								</div>
								<div class="form-group">
									<label>Checkboxes</label>
									<div class="checkbox-nice">
										<input type="checkbox" id="checkbox-1" checked="checked" /> <label
											for="checkbox-1"> Option one is this and
											that&mdash;be sure to include why it's great </label>
									</div>
									<div class="checkbox-nice">
										<input type="checkbox" id="checkbox-2" /> <label
											for="checkbox-2"> Option two is this and
											that&mdash;be sure to include why it's great </label>
									</div>
									<div class="checkbox-nice">
										<input type="checkbox" id="checkbox-3" /> <label
											for="checkbox-3"> Option three is this and
											that&mdash;be sure to include why it's great </label>
									</div>
								</div>
								<div class="form-group">
									<label>Radio inputs</label>
									<div class="radio">
										<input type="radio" name="optionsRadios" id="optionsRadios1"
											value="option1" checked> <label for="optionsRadios1">
											Option one is this and that&mdash;be sure to include why it's
											great </label>
									</div>
									<div class="radio">
										<input type="radio" name="optionsRadios" id="optionsRadios2"
											value="option2"> <label for="optionsRadios2">
											Option two can be something else and selecting it will
											deselect option one </label>
									</div>
								</div>
								<div class="form-group">
									<label>Inline checkboxes</label> <br />
									<div class="checkbox-nice checkbox-inline">
										<input type="checkbox" id="checkbox-inl-1" /> <label
											for="checkbox-inl-1"> 1 </label>
									</div>
									<div class="checkbox-nice checkbox-inline">
										<input type="checkbox" id="checkbox-inl-2" /> <label
											for="checkbox-inl-2"> 2 </label>
									</div>
									<div class="checkbox-nice checkbox-inline">
										<input type="checkbox" id="checkbox-inl-3" /> <label
											for="checkbox-inl-3"> 3 </label>
									</div>
								</div>

								<header class="main-box-header clearfix">
								<h2>Masked inputs</h2>
								</header>
								<div class="main-box-body clearfix">
									<div class="row">
										<div class="form-group col-md-6">
											<label for="maskedDate">Date</label>
											<div class="input-group">
												<span class="input-group-addon"><i
													class="fa fa-calendar"></i></span> <input type="text"
													class="form-control" id="maskedDate">
											</div>
											<span class="help-block">ex. 99/99/9999</span>
										</div>
									</div>
									<div class="row">
										<div class="form-group col-md-6">
											<label for="maskedPhone">Phone</label>
											<div class="input-group">
												<span class="input-group-addon"><i
													class="fa fa-phone"></i></span> <input type="text"
													class="form-control" id="maskedPhone">
											</div>
											<span class="help-block">ex. (999) 999-9999</span>
										</div>
									</div>
									<div class="row">
										<div class="form-group col-md-6">
											<label for="maskedPhoneExt">Phone + Ext</label>
											<div class="input-group">
												<span class="input-group-addon"><i
													class="fa fa-mobile-phone"></i></span> <input type="text"
													class="form-control" id="maskedPhoneExt">
											</div>
											<span class="help-block">ex. (999) 999-9999? x99999</span>
										</div>
									</div>
									<div class="row">
										<div class="form-group col-md-6">
											<label for="maskedTax">Tax ID</label>
											<div class="input-group">
												<span class="input-group-addon"><i
													class="fa fa-money"></i></span> <input type="text"
													class="form-control" id="maskedTax">
											</div>
											<span class="help-block">ex. 99-9999999</span>
										</div>
									</div>
									<div class="row">
										<div class="form-group col-md-6">
											<label for="maskedSsn">SSN</label>
											<div class="input-group">
												<span class="input-group-addon"><i class="fa fa-male"></i></span>
												<input type="text" class="form-control" id="maskedSsn">
											</div>
											<span class="help-block">ex. 999-99-9999</span>
										</div>
									</div>
								</div>
								<h2>Datepickers</h2>
								</header>
								<div class="main-box-body clearfix">
									<div class="row">
										<div class="col-lg-6">
											<div class="row">
												<div class="form-group col-md-12">
													<label for="datepickerDate">Date</label>
													<div class="input-group">
														<span class="input-group-addon"><i
															class="fa fa-calendar"></i></span> <input type="text"
															class="form-control" id="datepickerDate">
													</div>
													<span class="help-block">format mm-dd-yyyy</span>
												</div>
											</div>
											<div class="row">
												<div class="form-group col-md-12">
													<label for="datepickerDateRange">Date range</label>
													<div class="input-group">
														<span class="input-group-addon"><i
															class="fa fa-calendar-o"></i></span> <input type="text"
															class="form-control" id="datepickerDateRange">
													</div>
												</div>
											</div>
										</div>
										<div class="col-lg-6">
											<div class="row">
												<div class="form-group col-md-12">
													<label for="datepickerDateComponent">Date readonly</label>
													<div class="input-group" data-date-format="dd-mm-yyyy">
														<input type="text" class="form-control"
															id="datepickerDateComponent" readonly> <span
															class="input-group-addon"><i class="fa fa-th"></i></span>
													</div>
													<span class="help-block">As component.</span>
												</div>
											</div>
											<div class="row">
												<div class="form-group col-md-12">
													<label for="timepicker">Time picker</label>
													<div class="input-group input-append bootstrap-timepicker">
														<input type="text" class="form-control" id="timepicker">
														<span class="add-on input-group-addon"><i
															class="fa fa-clock-o"></i></span>
													</div>
												</div>
											</div>
											<div class="pull-right">
												<button type="button" class="btn btn-default">취 소</button>

												<button type="button" class="btn btn-primary">수 정</button>

												<button type="button" class="btn btn-success">완 료</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<%-- 하단 --%>
			<jsp:include page="include/bottom.jsp"></jsp:include>
			<%-- 하단 끝 --%>
		</div>
	</div>
	</div>

	<script src="js/demo-skin-changer.js"></script>
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/jquery.nanoscroller.min.js"></script>
	<script src="js/demo.js"></script>

	<script src="js/jquery.maskedinput.min.js"></script>
	<script src="js/bootstrap-datepicker.js"></script>
	<script src="js/moment.min.js"></script>
	<script src="js/daterangepicker.js"></script>
	<script src="js/bootstrap-timepicker.min.js"></script>
	<script src="js/select2.min.js"></script>
	<script src="js/hogan.js"></script>
	<script src="js/typeahead.min.js"></script>
	<script src="js/jquery.pwstrength.js"></script>

	<script src="js/scripts.js"></script>

	<script>
	$(function($) {
		//tooltip init
		$('#exampleTooltip').tooltip();

		//nice select boxes
		$('#sel2').select2();
		
		$('#sel2Multi').select2({
			placeholder: 'Select a Country',
			allowClear: true
		});
	
		//masked inputs
		$("#maskedDate").mask("99/99/9999");
		$("#maskedPhone").mask("(999) 999-9999");
		$("#maskedPhoneExt").mask("(999) 999-9999? x99999");
		$("#maskedTax").mask("99-9999999");
		$("#maskedSsn").mask("999-99-9999");
		
		$("#maskedProductKey").mask("a*-999-a999",{placeholder:" ",completed:function(){alert("You typed the following: "+this.val());}});
		
		$.mask.definitions['~']='[+-]';
		$("#maskedEye").mask("~9.99 ~9.99 999");
	
		//datepicker
		$('#datepickerDate').datepicker({
		  format: 'mm-dd-yyyy'
		});

		$('#datepickerDateComponent').datepicker();
		
		//daterange picker
		$('#datepickerDateRange').daterangepicker();
		
		//timepicker
		$('#timepicker').timepicker({
			minuteStep: 5,
			showSeconds: true,
			showMeridian: false,
			disableFocus: false,
			showWidget: true
		}).focus(function() {
			$(this).next().trigger('click');
		});
		
		//autocomplete simple
		$('#exampleAutocompleteSimple').typeahead({                              
			prefetch: '/data/countries.json',
			limit: 10
		});
		
		//autocomplete with templating
		$('#exampleAutocomplete').typeahead({                              
			name: 'twitter-oss',                                                        
			prefetch: '/data/repos.json',                                             
			template: [                                                              
				'<p class="repo-language">{{language}}</p>',                              
				'<p class="repo-name">{{name}}</p>',                                      
				'<p class="repo-description">{{description}}</p>'                         
			].join(''),                                                                 
			engine: Hogan                                                               
		});
		
		//password strength meter
		$('#examplePwdMeter').pwstrength({
			label: '.pwdstrength-label'
		});
		
	});
	</script>
</body>
</html>